<template>
  <div class="patient-container">
    <el-container>
       
      <el-container>
        <el-main>
          <el-table :data="tableData">
            <el-table-column type="expand">
              <Tree></Tree>
            </el-table-column>
            <el-table-column prop="date" label="日期" width="150">
            </el-table-column>
            <el-table-column prop="name" label="姓名" width="120">
            </el-table-column>
            <el-table-column prop="province" label="省份" width="120">
            </el-table-column>
            <el-table-column prop="city" label="市区" width="120">
            </el-table-column>
            <el-table-column prop="address" label="地址" width="300">
            </el-table-column>
            <el-table-column prop="zip" label="邮编" width="120">
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button
                  @click="handleClick(scope.row)"
                  type="text"
                  size="small"
                  >查看病历</el-button
                >
                <el-button type="text" size="small">编辑患者信息</el-button>
              </template>
            </el-table-column>
          </el-table>
        </el-main>
      </el-container>
      <el-aside v-show="toolbarAside" class="toolbar-aside">Aside</el-aside>
    </el-container>
  </div>
</template>

<script>
import { mapGetters } from "vuex";

import Tree from "@/views/tree";
export default {
  name: "Patient",
  computed: {
    ...mapGetters(["name"]),
  },
  components: {
    Tree,
  },
  mounted() {},
  data() {
    return {
      emrAside: true,
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1518 弄",
          zip: 200333,
        },
        {
          date: "2016-05-04",
          name: "王大虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1517 弄",
          zip: 200333,
        },
        {
          date: "2016-05-01",
          name: "王二虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1519 弄",
          zip: 200333,
        },
        {
          date: "2016-05-03",
          name: "王老虎",
          province: "上海",
          city: "普陀区",
          address: "上海市普陀区金沙江路 1516 弄",
          zip: 200333,
        },
      ],
    };
  },
  methods: {
    handleClick(row) {
      console.log(row);
      this.$router.push({
        path: "/emredit/" + row.name,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.patient {
  &-container {
    margin: 30px;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
.emrList {
}
.el-main {
}
</style>
